<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title></title>
<style>
body {
  background: #000;
  color: #fff;
  overflow: auto;
}


#test{
}


#x{
  display: none;
}

#test a, #test a:visited {
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
  text-decoration: none;
  color: #fefefe;
}

#foo {
  display: none;
}

#test a:hover {
}

#test a:hover #x{
}

#test a:hover #foo{
  position: relative;
  left: 20px;
  top: 0;
  display: block;
  width: 300px;
  height: 300px;
  background: #789 !important;
}

#test a:hover{
  color: #fff;
}


</style>
  </head>
  <body>
    <div id="test">
      <a href="#">
        <span>Mouse hover here</span><span id="x">Show me</span>
        <div id="foo">
          Total gambi meu camarada
        </div>
      </a>
      <a href="#">
        <span>Mouse hover here</span><span id="x">Show me</span>
        <div id="foo">
          gambi
        </div>
      </a>
      <a href="#">
        <span>Mouse hover here</span><span id="x">Show me</span>
        <div id="foo">
          Total
        </div>
      </a>            
    </div>
    
  </body>
</html>
